<!--
component id:



-->

<template>
  <div id="app">

    <HeaderWithMiddleAndRightLinks />

  </div>
</template>

<script>

import BaseButton from "@/components/Form/buttons/BaseButton.vue";
import Logo from "@/components/Header/Logo.vue";
import H1Heading from "@/components/Content/H1Heading.vue";
import {defineComponent} from "vue";
import UnorderedListofLinks from "@/components/List/UnorderedListofLinks.vue";

import HeadingWithDescription from "@/components/Content/HeadingWithDescription.vue";
import IconWithTitleLinkCard from "@/components/Content/Cards/IconWithTitleLinkCard.vue";
import SponsorshipIcons from "@/components/FullWidthComponents/SponsorshipIcons.vue";
import IconWithReactionCounts from "@/components/Content/Badges/IconWithReactionCounts.vue";
import FileAttachment from "@/components/Content/Attachments/FileAttachment.vue";

import HeaderWithMiddleAndRightLinks from "@/components/Header/HeaderWithMiddleAndRightLinks.vue";

export default defineComponent({
  components: {
    HeaderWithMiddleAndRightLinks,
    UnorderedListofLinks,
    FileAttachment,
    IconWithReactionCounts,
    SponsorshipIcons, IconWithTitleLinkCard, HeadingWithDescription, H1Heading, Logo, BaseButton}
})

</script>
